<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<div id="div1">
			<div id="">
				<h3>工作经历</h3>
					<hr >
					公式名称：<input type="text" name="" id="" value="" /> 职位：<input type="text" name="" id="" value="" />
					<a href="#" onclick="dels();">删除工作经历</a> 		
				</div>
				<br/><br/>
					<table > 
					<tr>
						 <td style="text-align: center;">工作职责及工作内容描述：</td>
						 <td><textarea rows="6" cols="80" ></textarea></td>
					</tr>		
					</table>  
					<hr >
					<p align="right"><a href="#" onclick="adds();">添加工作经历</a></p>
			</div>
			
		
	</body>
	<script type="text/javascript">
		function adds(actions){
			var divs1 =document.getElementById('div1');
			// var actionss = document.getElementsByTagName('div');
			// actions =actionss[0];
			// if(actions ==true){
			// 	while(divs1 !==-1){
					divs1.innerHTML+=`
						<div id="div2">
							<div id="">
								<h3>工作经历</h3>
									<hr >
									公式名称：<input type="text" name="" id="" value="" /> 职位：<input type="text" name="" id="" value="" />
									<a href="#" onclick="dels();">删除工作经历</a> 
									
								</div>
								<br/><br/>
									<table > 
									<tr>
										 <td style="text-align: center;">工作职责及工作内容描述：</td>
										 <td><textarea rows="6" cols="80" ></textarea></td>
									</tr>		
									</table>  
									<hr >
									<p align="right"><a href="#" onclick="adds();">添加工作经历</a></p>
							</div>
					`
			//}
			}
			
		}
		function dels(){
			var divs1 =document.getElementById('div1');
			var divs2 =document.getElementById('div2');
			divs1.removeChild(divs2);
		}
	</script>
</html>